<template>
    <div class = "sidebar">
        i am here
    </div>
</template>

<script>
export default {
  name: 'SideBar',
  props: {
    msg: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .sidebar{
        position: absolute;
        left: 5%;
        transform: translate(0,-80%); 
        border: 1px solid black;
        background-color: rgba(255, 255, 255, 0.1);
        height: 100%;
        width: 10%;
        text-align: center;

    }
</style>
